<template>
  <div class="c-text">
    <a :style="linkStyle | calcStyle" href="#" v-html="cm.props.text"></a>
  </div>
</template>

<script>
export default {
  name: 'BaseText',
  props: {
    compid: {
      type: [String, Number],
      required: true
    }
  },
  computed: {
    cm () {
      return this.$store.getters.getCompConfigByCompid(this.compid)
    },
    linkStyle () {
      const css = this.cm.css
      return {
        ft: css.ft
      }
    }
  }
}
</script>
